<template>
  <div class="one">
    <the-hearder></the-hearder>
    <home-feature-slides></home-feature-slides>
    <home-user-count></home-user-count>
    <home-hot-tamplates></home-hot-tamplates>
    <home-user-comments></home-user-comments>
    <home-join></home-join>
    <home-info></home-info>
    <the-footer></the-footer>
  </div>
</template>

<script>
import TheHearder from '@/components/TheHeader.vue';
import HomeUserCount from '@/components/HomeUserCount.vue';
import HomeFeatureSlides from '@/components/HomeFeatureSlides.vue';
import HomeHotTamplates from '@/components/HomeHotTemplates.vue';
import HomeUserComments from '@/components/HomeUserComments.vue';
import HomeJoin from '@/components/HomeJoin.vue';
import HomeInfo from '@/components/HomeInfo.vue';
import TheFooter from '@/components/TheFooter.vue';

export default {
  components: {
    TheHearder,
    HomeUserCount,
    HomeFeatureSlides,
    HomeHotTamplates,
    HomeUserComments,
    HomeInfo,
    HomeJoin,
    TheFooter,
  },
};
</script>

<style lang="scss" scoped>
.one {
  padding-top: 60px;
}
</style>
